<ul class="list row list-hen">
    <li class="title title-lv">
        <span class="badge badge-secondary">New</span>最新文章<label>热门的文章副标题，当然也可以是公告！</label>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
    <li class="cont-req2">
        <a href="javascript:;" class="t2_pick"><img src="images/404-2.png" alt=""></a>
        <div class="lvti">
            <h2><a href="javascript:;">这个是标题的，我不知道</a></h2>
            <div class="content">咋一看这个标题可能会觉得有点玄乎，那么什么是伪类，什么又是伪元素呢？我们接下来一个一个来看一下。 一、什么是伪类？ 就其定义而论，“伪类用于向某些选择器添加特殊...</div>
            <ul class="entry-meta">
                <li>
                    <i class="iconfont">&#xe601;</i>
                    <a href="javascript:;">标签</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60b;</i>
                    <a href="javascript:;">2018-12-18</a>
                </li>
                <li>
                    <i class="iconfont">&#xe652;</i>
                    <a href="javascript:;">易支烟</a>
                </li>
                <li class="btn-Msg">
                    <a>阅读全文</a>
                </li>
            </ul>
        </div>
    </li>
</ul>